.wid{ width: 1300px; margin: 0 auto;}
.head{ height: 120px; padding:0 40px;}
.head .logo{height:120px; width: 24%; }
.head .logo img{position: relative; top: 50%; transform: translateY(-50%); width: 100%;}
.head .nav{width: 44%; margin-left: 10%;}
.head .nav li{ float: left; width: 16.66%; text-align: center;transition: all 0.5s;}
.head .nav li a{font-size: 16px; color:#333;line-height: 120px; display: block;}
.head .tel{padding-left: 86px; background: url(../images/tel.png) no-repeat left center; height: 76px; position: relative; top: 50%; transform: translateY(-50%); font-size: 20px; color: #333;}
.head .tel span{ font-size: 32px; font-family: impact; color:#d02d21; display: block;}
.head .nav li a:hover{background: #BE0000; color: #fff;}

.head .nav li .on{background: #BE0000; color: #fff;}


.swiper-slide img{width: 100%;}

.product{padding: 80px 0;}
.product .tit{text-align: center; }
.product .tit h1{font-size: 60px; color: #be0000; font-weight: bold; display: inline-block; position: relative;}
.product .tit h1 span{color: #333;}
.product .tit p{font-size: 20px; line-height: 60px;}
.product .tit h1::before{content: ""; position: absolute;background: url(../images/tl.png) no-repeat; width: 59px; height: 24px; left: -69px; top: 30px;}
.product .tit h1::after{content: ""; position: absolute;background: url(../images/tr.png) no-repeat; width: 59px; height: 24px; right:-69px; top: 30px;}

.product ul{ margin-top: 20px;}
.product ul li{float: left; width: 23%; margin: 0  1% 2%;}
.product ul li .img{position: relative; padding-bottom: 142%;overflow: hidden;}
.product ul li .img img{position: absolute; width: 100%; height: 100%; transition: all 0.5s;}
.product ul li:nth-child(4n){margin-right: 0;}
.product ul li h5{background: #be0000; color: #fff; text-align: center; line-height: 50px;font-size: 18px;}

.product ul li:hover .img img{transform: scale(1.1);}

.hezuo{ padding: 80px 0; background: url(../images/hezuo.jpg) no-repeat fixed; background-size: cover;}
.hezuo .tit{text-align: center; }
.hezuo .tit h1{font-size: 60px; color: #fff; font-weight: bold; display: inline-block; position: relative;}
.hezuo .tit h1 span{color: #333;}
.hezuo .tit p{font-size: 20px; line-height: 60px; color: #fff;}
.hezuo .tit h1::before{content: ""; position: absolute;background: url(../images/tl.png) no-repeat; width: 59px; height: 24px; left: -69px; top: 30px;}
.hezuo .tit h1::after{content: ""; position: absolute;background: url(../images/tr.png) no-repeat; width: 59px; height: 24px; right:-69px; top: 30px;}

.hezuo ul{margin-top: 50px;}
.hezuo ul li{float: left; background: #fff; padding: 34px; box-sizing: border-box; width: 23%; margin: 0 1%;border-radius: 30px; text-align: center;}
.hezuo ul li h1{font-size: 18px; font-weight: bold; margin-top: 15px; margin-bottom: 22px; color: #333;}
.hezuo ul li p{font-size: 14px; color: #666; line-height: 20px;}


.about{padding: 80px 0;}
.about .aboutl{width: 677px;}
.about .aboutl img{width: 100%;}
.about .aboutr{width: 570px;}
.about .aboutr h1{font-size: 60px; color: #000000;opacity: 0.2; text-transform: uppercase; font-weight: bold; margin-top: 30px;}
.about .aboutr h2{font-size: 40px; color: #be0000;font-weight: bold; margin: 5px 0  26px;}
.about .aboutr .txt{font-size: 16px; line-height: 36px; }
.about .aboutr .more{ width: 210px;height: 40px;  line-height: 40px; background: #BE0000; color: #fff; display: block;text-align: center; border-radius: 20px; margin-top: 70px; transition: all 0.5s;}
.about .aboutr .more:hover{background: #333;}

#cflb{margin-top: 40px;}
.cf-next{position: absolute;
top: 50%;
width: 36px;
height: 160px;
margin-top: -90px;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
background: url(../images/cfr.png) no-repeat;
}
.cf-prev{position: absolute;
top: 50%;
right: 0;
width: 36px;
height: 160px;
margin-top: -90px;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
background: url(../images/cfl.png) no-repeat;
}
.news{padding: 80px 0; background: url(../images/nt.jpg)no-repeat;}
.news .tit{text-align: center; }
.news .tit h1{font-size: 60px; color: #fff; font-weight: bold; display: inline-block; position: relative;}
.news .tit h1 span{color: #333;}
.news .tit p{font-size: 20px; line-height: 60px; color: #fff;}
.news .tit h1::before{content: ""; position: absolute;background: url(../images/tl.png) no-repeat; width: 59px; height: 24px; left: -69px; top: 30px;}
.news .tit h1::after{content: ""; position: absolute;background: url(../images/tr.png) no-repeat; width: 59px; height: 24px; right:-69px; top: 30px;}

.news ul{padding: 35px 30px 0; box-sizing: border-box;}
.news ul li{float: left; width: 400px; margin-right: 20px; box-shadow:0 0 9px rgba(0,0,0,0.14) ;}
.news ul li:nth-child(3n){margin-right: 0;}
.news ul li .img{width:400px; height: 300px;overflow: hidden; }
.news ul li .img img{width: 100%; height: 100%;transition: all 0.5s;}
.news ul li .txt{padding: 22px 25px 40px;}
.news ul li .txt h1{font-size: 18px; font-weight: 600; color: #333; transition: all 0.5s;}
.news ul li .txt p{margin: 20px 0; line-height: 28px; color: #666;}
.news ul li .txt .time{font-size: 14px;color: #666; background: url(../images/time.jpg)no-repeat left center; padding-left: 19px;}
.news ul li:hover .img img{transform: scale(1.1);}
.news ul li:hover .txt h1{color: #BE0000; }

.hzhb{ padding-bottom: 80px;}
.hzhb .tit{text-align: center;}
.hzhb .tit h1{font-size: 60px; color: #be0000; font-weight: bold; display: inline-block; position: relative;}
.hzhb .tit h1 span{color: #333;}
.hzhb .tit p{font-size: 20px; line-height: 60px;}
.hzhb .tit h1::before{content: ""; position: absolute;background: url(../images/tl.png) no-repeat; width: 59px; height: 24px; left: -69px; top: 30px;}
.hzhb .tit h1::after{content: ""; position: absolute;background: url(../images/tr.png) no-repeat; width: 59px; height: 24px; right:-69px; top: 30px;}

.hzhb .hzli{ border: 1px #dadada solid; }
.swiper-pagination2{ text-align: center; margin-top: 20px;}
.swiper-pagination2 .swiper-pagination-bullet{ width: 9px; height: 9px;}

.footer{background:url(../images/foot.jpg) no-repeat; height: 600px; position: relative;}
.footer h1{font-size: 50px; color: #fff; padding-top: 80px; font-weight: 600; text-align: center;}
.footer h2{font-size: 16px; color: #fff;text-align: center; padding: 18px 0 76px;}
.footer ul li{float: left; width: 33.333%; text-align: center;} 
.footer ul li h6{ margin: 26px 0; color: #fff; font-size: 20px;}
.footer ul li h5{color: #cacaca;}
.footer ul li span{width: 50px; height: 4px; background: #BE0000; display: inline-block; margin-top: 6px;}
.footer_b{ color: #cacaca; border-top: 1px solid #fff; position: absolute; bottom: 0; height: 84px; line-height: 84; width: 100%; text-align: center;}
.footer_b p{line-height: 84px;}
.footer_b a{line-height: 84px;}